<template>
  <el-row :gutter="24" class="moyu-full">
    <el-col :span="leftSpan">
      <!-- 左边区域 -->
      <slot name="leftField"/>
    </el-col>
    <el-col :span="rightSpan">
      <!-- 右边区域 -->
      <slot name="rightField"/>
    </el-col>
  </el-row>
</template>

<script setup>
import {defineProps} from 'vue'
const props = defineProps({
  leftSpan:{
    default: 12
  },
  rightSpan:{
    default: 12
  }
})

</script>

<style scoped>

.moyu-full{
  height: calc(100vh - 108px);
}
</style>